<template>
	<page-layout class="page">
		<pure-gap size="12px"></pure-gap>

		<view class="pj-padding-sides">
			<!-- 基础使用 -->
			<pj-demo title="基础使用">
				<pure-loading></pure-loading>
			</pj-demo>

			<!-- 自定义图标 -->
			<pj-demo title="自定义图标">
				<pure-loading iconName="__clear"></pure-loading>
			</pj-demo>

			<!-- 提示文本 -->
			<pj-demo title="提示文本">
				<pure-loading
					iconName="__loading"
					text="加载中"
				></pure-loading>
			</pj-demo>

			<!-- 纵向布局 -->
			<pj-demo title="纵向布局">
				<pure-loading
					iconName="__loading"
					text="加载中"
					vertical
				></pure-loading>
			</pj-demo>
		</view>

		<pure-gap size="12px"></pure-gap>
	</page-layout>
</template>

<script setup></script>

<style lang="scss" scoped></style>
